<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:'#box',
                data:{
                    string: 'hello world',
                    money: '10000',
                    json: {name:'张三',age:'28'}
                }
            });
        };
    </script>
</head>
<body>
    <div id="box">
        <p>{{string|uppercase}}</p>

        <input type="text" v-model="string|lowercase">

        <p v-text = 'string|capitalize'></p>

        <p>{{money|currency}}</p>

        <p>{{money|currency '¥'}}</p>

        <p>{{json}}</p>

        <p>{{json|json}}</p><!--类似JSON.stringify()功能-->
    </div>
</body>
</html>



















